import React from 'react'
import { Routes, Route, Navigate } from "react-router-dom"

import NotFound from './components/404'
import Login from './components/Login'
import Main from './components/Main'

export default function App() {
  /* 
  Navigate组件:
    当不管什么情况下接受了这个Navigate组件,则路由会按照这个组件的to的地址从新执行路由跳转

    路径是 * 代表所有路径,先匹配非*的所有路径 如果匹配不到,则执行*代表的路由组件
  */
  return (
    <div className='outer'>
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="/main" element={<Main />} />
        <Route path="/" element={<Navigate to='/login' />} />
        <Route path="*" element={<NotFound />} />
      </Routes>
    </div>
  )
}
